<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>学成在线教育平台-不是每个网站都叫学成在线</title>
	<!-- css初始化文件 -->
	<link rel="stylesheet" href="css/base.css">
	<!-- 首页文件 -->
	<link rel="stylesheet" href="css/index.css">
	<!-- 制作自己的ico图标  利用转换工具 把 png 转换为ico格式 bitbug -->
	<link rel="shortcut icon" href="favicon.ico" /> 
</head>
<body>
	<header>
		<!-- logo -->
		<div class="logo">
			<h1>
				<a href="#" title="学成在线教育平台">学成在线</a>
			</h1>
		</div>
		<!-- nav部分 -->
		<nav>
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">课程</a></li>
				<li><a href="#">职业规划</a></li>
			</ul>
		</nav>

		<!-- search -->
		<div class="search">
			<input type="search" name="" id="" placeholder="请输入关键字"> <button></button>
		</div>
		<!-- 个人中心 -->
		<div class="personal">
			<dl>
				<dt>个人中心</dt>
				<dd>
					<s>
						<img src="images/ld.png" height="16" width="14" alt="">
					</s>
					<span>
						<img src="images/pic.png" height="33" width="33" alt="">
						刘德华 andy
					</span>
				</dd>
			</dl>
		</div>
	</header>

	<div class="banner">
		<div class="w inner">
			<ul>
				<li><a href="#"><img src="images/banner.jpg" ></a></li>
			</ul>
			<!-- 侧边栏 -->
			<div class="subnav">
				 <ul>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 	<li><a href="#">前端开发  <span> > </span></a></li>
				 </ul>
			</div>

			<!-- 小圆点 -->
			<div class="circle">
				<i class="current"></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>
			</div>

			<div class="timebook">
				
			</div>
		</div>
	</div>
</body>
</html>